<template>
  <div id="app">
    <h1>LESSON4</h1>
    <div class="item"></div>
    <to-do-list></to-do-list>
    <flex-direction-t></flex-direction-t>
    <justify-content></justify-content>
    <align-items></align-items>
    <flex-grow></flex-grow>
    <flex-center></flex-center>
    <top-menu></top-menu>
    <h1>LESSON5</h1>
    <relative></relative>
    <absolute></absolute>
    <absolute-center></absolute-center>
    <icon></icon>
    <!-- <fixed></fixed> -->
    <top-menu-fixed></top-menu-fixed>
    <h1>LESSON6</h1>
    <vue-base></vue-base>
    <index></index>
    <to-do-list-components></to-do-list-components>
    <h1>LESSON7</h1>
    <review-bind-class></review-bind-class>
    <index-lesson-7></index-lesson-7>
    <h1>LESSON8</h1>
    <splite-model></splite-model>
    <index-lesson-8></index-lesson-8>
    <h1>LESSON9</h1>
    <simple-table></simple-table>
    <h1>LESSON10</h1>
    <vue-table></vue-table>
    <h1>LESSON11</h1>
    <transition-base></transition-base>
    <transition-methods></transition-methods>
    <keyframes-base></keyframes-base>
    <keyframe></keyframe>
    <my-switch></my-switch>
    <input-animation></input-animation>
    <h1>LESSON12</h1>
    <index-lesson-12></index-lesson-12>
    <vue-table-mock></vue-table-mock>
    <h1>LESSON13</h1>
    <mock-list></mock-list>
  </div>
</template>

<script>
import FlexDirectionT from "./views/lesson4/flex-direction-t.vue";
import toDoList from "./views/lesson4/toDoList.vue";
import JustifyContent from "./views/lesson4/justify-content.vue";
import AlignItems from "./views/lesson4/align-items.vue";
import FlexGrow from "./views/lesson4/flex-grow.vue";
import FlexCenter from "./views/lesson4/flex-center.vue";
import TopMenu from "./views/lesson4/topMenu.vue";
import Relative from "./views/lesson5/relative.vue";
import Absolute from "./views/lesson5/absolute.vue";
import AbsoluteCenter from "./views/lesson5/absolute-center.vue";
import Icon from "./views/lesson5/icon.vue";
import Fixed from "./views/lesson5/fixed.vue";
import TopMenuFixed from "./views/lesson5/topMenu-fixed.vue";
import VueBase from "./views/lesson6/vueBase.vue";
import Index from "./views/lesson6/index.vue";
import ToDoListComponents from "./views/lesson6/toDoListComponents.vue";
import ReviewBindClass from "./views/lesson7/reviewBindClass.vue";
import IndexLesson7 from "./views/lesson7/indexLesson7.vue";
import SimpleButtonSlot from "./views/lesson6/SimpleButtonSlot.vue";
import SpliteModel from "./views/lesson8/spliteModel.vue";
import IndexLesson8 from "./views/lesson8/indexLesson8.vue";
import SimpleTable from "./views/lesson9/SimpleTable.vue";
import VueTable from "./views/lesson10/vueTable.vue";
import TransitionBase from "./views/lesson11/transition-base.vue";
import TransitionMethods from "./views/lesson11/transition-methods.vue";
import Keyframe from "./views/lesson11/keyframe.vue";
import KeyframesBase from "./views/lesson11/keyframes-base.vue";
import MySwitch from "./views/lesson11/mySwitch.vue";
import InputAnimation from "./views/lesson11/inputAnimation.vue";
import IndexLesson12 from "./views/lesson12/indexLesson12.vue";
import VueTableMock from "./views/lesson12/table/vueTable-mock.vue";
import MockList from "./views/lesson13/mockList.vue";

export default {
  components: {
    toDoList,
    FlexDirectionT,
    JustifyContent,
    AlignItems,
    FlexGrow,
    FlexCenter,
    TopMenu,
    Relative,
    Absolute,
    AbsoluteCenter,
    Icon,
    Fixed,
    TopMenuFixed,
    VueBase,
    Index,
    ToDoListComponents,
    ReviewBindClass,
    IndexLesson7,
    SimpleButtonSlot,
    SpliteModel,
    IndexLesson8,
    SimpleTable,
    VueTable,
    TransitionBase,
    TransitionMethods,
    Keyframe,
    KeyframesBase,
    MySwitch,
    InputAnimation,
    IndexLesson12,
    VueTableMock,
    MockList,
    FlexDirectionT,
  },
  data() {},
  methods: {},
};
</script>

<style>
</style>
